#2DB3A4

Color Details

HEX
#2DB3A4
RGB
rgb(45, 179, 164)
HSL
hsl(173, 60%, 44%)
CMYK
cmyk(75%, 0%, 8%, 30%)
Best text on this color #000000 (CR 8.10:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2db3a4
Contrast 8.10:1 AAA
White on #2db3a4
Contrast 2.59:1 Fail
#2db3a4 on Black
Contrast 8.10:1 AAA
#2db3a4 on White
Contrast 2.59:1 Fail

Tints & Shades

#57c2b6
#81d1c8
#abe1db
#248f83
#1b6b62
#124842

Complement & Analogous

#b42d3d
#2d80b4
#2db460

Triadic

#a42db4
#b4a42d

Monochrome

#124842 #1b6b62 #2db3a4 #81d1c8 #abe1db #d5f0ed

Analogous

#2db460 #6ccb90 #2db3a4 #5799c3 #2d80b4 #246690

Complementary Mix

#1b6b62 #2db3a4 #81d1c8 #b42d3d #ce7781 #751d28

Nearby Colors

#2db3a3
#2db3a5
#2db394
#2db3b4

Embed #2DB3A4 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2DB3A4

#2DB3A4 converts to RGB(45, 179, 164) and HSL(173, 60%, 44%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2DB3A4 FAQs

What is the RGB value of #2DB3A4?
RGB: 45, 179, 164. Copy as CSS: rgb(45, 179, 164)
Is #2DB3A4 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2DB3A4?
Complement: #b42d3d.
Does #2DB3A4 have good contrast on white or black?
On white: 2.59:1 (Fails AA). On black: 8.10:1 (AAA (normal text)).